.header
  height 100%
  background: linear-gradient(to right, #172832, #181741)
  display flex
  flex-direction row
  justify-content flex-start
  align-items center
  .header-select-blue
    color #43c4fd
  .header-bar
    width 30px
    height 30px
    img
      width 100%
      height 100%
  .header-item
    height 50%
    .header-item-select
      width 100%
      position relative
      cursor pointer
      .header-item-select-info
        width 100%
        display flex
        flex-direction row
        align-items center
        font-size 20px
        .header-bar
          width 30px
          height 30px
        .icon
          width 30px
          height 30px
          display inline-block
          transition .5s
          img
            width 100%
            height 100%
      ul
        position absolute
        z-index 9999
        li
          .header-select-info-list
            color #ffffff
      .screen-type-options
        margin-left 30px
  .header-hover-in
    .icon
      transform rotate(180deg)
  .header-nav
    width 12%
    padding-left 20px
  .header-city
    width 6%
  .header-map
    width 40%
    ul
      width 100%
      height 100%
      display flex
      flex-direction row
      justify-content space-around
      align-items center
      .select-map
        color #42c3fd
      .header-map-li
        width 20%
        text-align center
        font-size 20px
